import { Container, Events } from "@/components/custom/index.tsx";
import { DatePicker } from '@arco-design/web-vue'
import { definitionInput, definitionMonacoEditor } from '@/components/custom/incident'
export default ({
    type: "form",
    label: "日期选择器",
    description: "日期选择器",
    hidden: false,
    isform: true, draggable: true,
    icon() {
        return <icon-calendar-clock />
    },
    preview: () => {
        return <DatePicker />;
    },
    render: (props: any, { }: Container) => {

        return <DatePicker {...props}></DatePicker>;
    },
    props: {
        modelValue: definitionInput({
            type: "string",
            label: "默认值",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
    },
    events: {
        onClick: definitionMonacoEditor({
            type: "string",
            label: "点击事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onChange: definitionMonacoEditor({
            type: "string",
            label: "值改变事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onClear: definitionMonacoEditor({
            type: "string",
            label: "清除事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onOk: definitionMonacoEditor({
            type: "string",
            label: "确定事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onSelect: definitionMonacoEditor({
            type: "string",
            label: "选择事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onSelectShortcut: definitionMonacoEditor({
            type: "string",
            label: "快捷选择事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onPopupVisibleChange: definitionMonacoEditor({
            type: "string",
            label: "弹出框显示隐藏事件",
            placeholder: "请输入内容",
            defaultValue: "",
        }),
        onPickerValueChange: definitionMonacoEditor({
            type: "string",
            label: "选择器值改变事件",
            placeholder: "请输入内容",
            defaultValue: "",
        })
    }
}) as Container